
import { useRouter } from 'next/router';
import { Button } from '@/components/ui/button';
const Navbar = () => {
    const router = useRouter();
    const handleLogout = () => {
        // Implement logout logic here
        router.push('/login');
    };
    return (
        <nav className="bg-gray-800 p-4">
            <div className="flex justify-between items-center">
                <h1 className="text-white text-lg font-bold">My App</h1>
                <div>
                    <Button variant="outline" onClick={handleLogout} className="text-white">
                        Logout
                    </Button>
                </div>
            </div>
        </nav>
    );
};
export default Navbar;